<template>
  <dev class="111">迈迪科医疗科技有限公司</dev>
  <el-carousel indicator-position="outside">
    <el-carousel-item v-for="item in imagebox" :key="item.id" style="">
      <img :src="item.idView" class="image">
    </el-carousel-item>
  </el-carousel>
    <el-row :gutter="24">
      <el-col :span="8"><div class="grid-content ep-bg-purple" />
        <el-card style="max-width: 480px">
          <template #header>
            <div class="card-header">
              <span>成立时间：</span>
            </div>
          </template>
          <p  class="text item">公司成立于1980年<br>专注于医疗器械领域研究<br>成就良多</p>
        </el-card>
      </el-col>
      <el-col :span="8"><div class="grid-content ep-bg-purple" />
        <el-card style="max-width: 480px">
          <template #header>
            <div class="card-header">
              <span>主要成员：</span>
            </div>
          </template>
          <p  class="text item">董事长：徐钰斌<br>副董事长：郭礽祺<br>保安：王俊杰</p>
        </el-card></el-col>
      <el-col :span="8"><div class="grid-content ep-bg-purple" />

        <el-card style="max-width: 480px">
          <p  class="text item">迈迪科医疗科技有限公司是一家致力于提供高质量医疗设备和服务的创新型企业。公司总部位于中国，专注于研发、生产和销售各种医疗器械及解决方案，涵盖了从初级医疗设备到高端医学诊断设备的广泛领域。
<br>
            公司愿景<br>
            迈迪科医疗科技有限公司的愿景是通过科技创新改善人类健康，为全球医疗行业提供安全、可靠和高效的医疗产品和服务。</p>
        </el-card></el-col>
    </el-row>
    <el-descriptions title="公司简介">
      <el-descriptions-item label="公司名">迈迪科医疗科技有限公司</el-descriptions-item>
      <el-descriptions-item label="电话">18100000000</el-descriptions-item>
      <el-descriptions-item label="地址">上海</el-descriptions-item>
      <el-descriptions-item label="Type">
        <el-tag size="small">Company</el-tag>
      </el-descriptions-item>
      <el-descriptions-item label="具体地址">
       上海, 浦东新区, 南汇新城镇, 沪城环路，999号
      </el-descriptions-item>
    </el-descriptions>

</template>
<style scoped>
.el-carousel__item h3 {
  display: flex;
  color: #475669;
  opacity: 0.75;
  line-height: 300px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}
</style>
<style>

.el-row {
  margin-bottom: 20px;
}
.el-row:last-child {
  margin-bottom: 0;
}
.el-col {
  border-radius: 4px;
}
img{
/*position: relative;*/
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
</style>
<script >
export default{
  data(){
    return {
      imagebox:[

        {id:0,idView:'../../public/pexels-photo-236380.jpg'},
        {id:1,idView:'../../public/pexels-photo-263402.jpeg'},
        {id:2,idView:'../../public/pexels-photo-356040.jpg'}
      ]
    }
  }
}
</script>